<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="../common/common_java.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<%@include file="../common/common_meta.jsp" %>  
	    <meta name="keywords" content="投票,投票网,大众,民意,调查"/>
		<%@include file="../common/common_css.jsp"%>
	    <title>找回密码-大众投票</title>
	</head>
	<body>
	   <jsp:include page="../common/common_header.jsp">
			<jsp:param name="active" value="vote_user"/>
		</jsp:include>
	    <section class="container">
	    <h3 class="mt-10">找回密码</h3>
        <div class="line"></div>
        <div class="responsive">
            <div class="row cl">
                <!-- center -->
                <div class="col-md-6 col-md-offset-3">
                    <!--panel demo-->
                    <div class="panel shadow panel-default radius mt-20">
                        <div class="panel-body">
                            <h4>找回密码</h4>
                            <div class="line"></div>
							<div class="row cl">
                                <div class="col-xs-9 col-xs-offset-3 mt-5">
		                            <div class="three steps">
										<span class="active step">发送验证码</span>
										<span class="disabled step">重置密码</span>
										<span class="disabled step">完成</span>
									</div> 
                                </div>
                            </div>
                            <div class="c-danger"></div>
                             <form action="${ctx}/saveUserPwd" method="post" class="form form-horizontal responsive" id="defaultform">
                             <input type="hidden" value="1" name="step"/>
                             <input type="hidden"  name="userId"/>
                                <div id="codeDiv">
	                                <div class="row cl">
	                                    <label class="form-label col-xs-3">用户名：</label>
	                                    <div class="formControls col-xs-9">
	                                        <input type="text" class="input-text" placeholder="邮箱" name="userName" maxlength="30" datatype="e" errormsg="邮箱格式不正确！" nullmsg="用户名不能为空！"/>
	                                    </div>
	                                </div>
	                                <div class="row cl">
	                                    <label class="form-label col-xs-3">验证码：</label>
	                                    <div class="formControls col-xs-5">
	                                        <input type="text" class="input-text" name="verifycode" id = "verifycode" maxlength="6" placeholder="邮箱验证码" name="verifycode" datatype="*"  nullmsg="验证码不能为空！"/>
	                                    </div>
	                                    <div class="formControls col-xs-4">
											<button type="button" id="sendCodeBtn" class="btn btn-primary" >获取验证码</button>
	                                    </div>
	                                </div>
	                                <div class="row cl">
	                                    <div class="col-xs-9 col-xs-offset-3">
	                                        <input class="btn btn-primary btn-block size-l  " type="submit"   value="&nbsp;&nbsp;下一步&nbsp;&nbsp;" />
	                                    </div>
	                                </div>
                                </div>
                                <div id="pwdDiv" style="display:none">
	                                <div class="row cl">
	                                    <label class="form-label col-xs-3">密码：</label>
	                                    <div class="formControls col-xs-9">
	                                        <input type="password" class="input-text" placeholder="密码" name="userPassword" maxlength="30" datatype="*6-40" nullmsg="密码不能为空！"/>
	                                    </div>
	                                </div>
	                                <div class="row cl">
	                                    <label class="form-label col-xs-3">确认密码：</label>
	                                    <div class="formControls col-xs-9">
	                                        <input type="password" class="input-text" placeholder="确认密码" name="conformUserPassword"  maxlength="30" datatype="*" recheck="userPassword" errormsg="您两次输入的密码不一致！"  nullmsg="确认密码不能为空！"/>
	                                    </div>
	                                </div>
	                                <div class="row cl">
	                                    <div class="col-xs-9 col-xs-offset-3">
	                                        <input class="btn btn-primary btn-block size-l  " type="submit"   value="&nbsp;&nbsp;下一步&nbsp;&nbsp;" />
	                                    </div>
	                                </div>
                                </div>
                                 <div id="overDiv" style="display:none">
		                                <div class="row cl">
		                                    <div class="col-xs-9 col-xs-offset-3">
		                                        <input class="btn btn-primary btn-block size-l  " type="button" id="overBtn"  value="&nbsp;&nbsp;完成&nbsp;&nbsp;" />
		                                    </div>
		                                </div>
	                                </div>
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </div>
	    </section>
		<%@include file="../common/common_footer.jsp" %> 
		<%@include file="../common/common_js.jsp" %>
		<script type="text/javascript" src="${jsBase}/user/findPwd.js" ></script>
	</body>
</html>